<script type="text/javascript" src="<?=$this->publicUrl ?>/scripts/jquery.form.js"></script>
<script type="text/javascript" src="<?=$this->publicUrl ?>/scripts/jquery.validate.js"></script>
<style type="text/css">
.success { display: none; }
</style>
<script type="text/javascript">
<!--
$(function() {
		
	$("#formCadastro").validate( {
		submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					target: "#result",
					success: function() {
						$("#formCadastro").addClass("success");
					}					
				});
		}
	});
});
--></script>

<div id="result"></div>
<form id="formCadastro" method="post" action="<?=$this->baseUrl ?>/cadastro/cadastrar">
<p> * campos obrigatórios </p>
<fieldset>
<legend>Informações Pessoais</legend>

<label>Nome:</label>
<input type="text" class="required" name="nome" minlength="3" /><br />

<label>* Login:</label>
<input type="text" class="required" minlength="4" name="login" /><br />

<label for="senha">* Senha:</label>
<input type="password" class="required" minlength="6" name="senha" /><br />	

<label for = "confirmasenha">* Confirmar Senha:</label>
<input type="password" class="required" minlength="6" name="confirmasenha" /><br />

<br />

<label>* Sexo:</label>
<span class="radio">
<label><input type="radio" checked="checked" name="sexo" value="M" /> Masculino</label>
<label><input type="radio" name="sexo" value="F" /> Feminino</label>
</span>
<br />

<label>* Perfil:</label>
<select class="required" name="perfil">

<option value="aluno">Aluno</option>
<option value="professor">Professor</option>
</select>
<br />
<label>Data de Nascimento:</label>
<input type="text" name="dataNascimento" />
<br />
<label>* Instituição:</label>
<input class="required" maxlength="100" type="text" name="instituicao" />
<br />
<label>* Escolaridade:</label>
<select class="required" name="escolaridade">
<option value="ENSINO BÁSICO">ENSINO BÁSICO</option>
<option value="ENSINO MÉDIO">ENSINO MÉDIO</option>
<option value="TÉCNICO">TÉCNICO</option>
<option value="GRADUAÇÃO">GRADUAÇÃO</option>
<option value="ESPECIALIZAÇÃO">ESPECIALIZAÇÃO</option>
<option value="MESTRADO">MESTRADO</option>
<option value="DOUTORADO">DOUTORADO</option>
<option value="PÓS-DOUTORADO">PÓS-DOUTORADO</option>
</select>
<br />
<label>Profissão: </label>
<input type="text" name="profissao" />
<br />
<label>Local de trabalho: </label>
<input type="text" name="localTrabalho" />
<br />
<label>Informações Adicionais</label>
<textarea name="informacoesAdicionais"></textarea>

</fieldset>

<fieldset>
<legend>Informações de Contato</legend>
<label>* E-mail: </label>
<input class="required email" type="text" name="email" />
<br />

<label>Telefone: </label>
<input type="text" name="telefone" /><br />

<label>Endereço: </label>
<input type="text" name="endereco" /><br />

<label>CEP: </label>
<input type="text" name="cep" /><br />

<label>Bairro: </label>
<input type="text" name="bairro" /><br />

<label>* Cidade: </label>
<input class="required" type="text" name="cidade" /><br />

<label>* Estado: </label>
<select class="required" name="estado">
<option value="AC">ACRE</option>
<option value="AL">ALAGOAS</option>
<option value="AP">AMAPÁ</option>
<option value="AM">AMAZONAS</option>
<option value="BA">BAHIA</option>
<option value="CE">CEARÁ</option>
<option value="DF">DISTRITO FEDERAL</option>
<option value="ES">ESPÍRITO SANTO</option>
<option value="GO">GOIAS</option>
<option value="MA">MARANHÃO</option>
<option value="MT">MATO GROSSO</option>
<option value="MS">MATO GROSSO DO SUL</option>
<option value="MG">MINAS GERAIS</option>
<option value="PR">PARANÁ</option>
<option value="PB">PARAÍBA</option>
<option value="PA">PARÁ</option>
<option value="PE">PERNAMBUCO</option>
<option value="PI">PIAUÍ</option>
<option value="RJ">RIO DE JANEIRO</option>
<option value="RG">RIO GRANDE DO NORTE</option>
<option value="RS">RIO GRANDE DO SUL</option>
<option value="RO">RONDÔNIA</option>
<option value="RR">RORAIMA</option>
<option value="SC">SANTA CATARINA</option>
<option value="SE">SERGIPE</option>
<option value="SP">SÃO PAULO</option>
<option value="TO">TOCANTINS</option>
</select><br />
<input type="submit" class="enviar" name="enviar" value="cadastrar" />
</fieldset>

</form>

